/* zotonic.com styles 2009
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>
@Created: 	01-02-2009
@Changed:	28-08-2009

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

body {
	background: #27343c url(../images/page_bg.jpg) repeat-x left top;
	color: #fff;
	font: 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif;
}

	body.home {
		background: #27343c url(../images/home_bg.jpg) repeat-x left top;
	}


figure {
	display: block !important;
}


/* Basic Typography
---------------------------------------------------------- */

h1 {
	font-size: 21px;
	line-height: 24px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin: 0 0 6px 0;
	font-style: normal;
	color: #63c9f2;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-shadow: 1px 2px #000;
}

h2 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #53b1d7;
	font-style: normal;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 24px;
}

h3 {
	color: #63c9f2;
	font-weight: bold;
	font-size: 13px;
}

a, a:focus {
	color: #63c9f2;
	text-decoration: none;
}

a:hover {
	color: #5dbae0;
	text-decoration: none;
	border-bottom: 1px dotted #5dbae0;
}

p {
	margin: 0 0 18px 0;
	letter-spacing: .03em;
}

	p.summary {
		font-weight: bold;
		color: #fff;
	}

	#sidebar p {
		font-size: 11px;
	}

p.important:first-letter,
p.intro:first-letter {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	float: none;
	padding: 0;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

p.important:first-line,
p.intro:first-line {
	font-variant: normal;
}

p.breadcrumb {
	font-size: 11px;
	margin: 0 0 6px 0;
	color: #ddd;
	text-transform: lowercase;
}

	p.breadcrumb a:hover {
		color: #5DBAE0;
		border: none;
	}


/* Lists
---------------------------------------------------------- */

.bullet-list, #content ul {
	list-style: circle;
	list-style-position: inside;
	margin: 0 0 18px 0;
}

	.bullet-list li {
		letter-spacing: .03em;
	}

li.list-item {
	margin: 0 0 18px 0;
}

	.list-item p.summary {
		margin: 0;
	}

.list-item p.summary {
	font-size: 11px;
	font-weight: normal;
}

.list-filters {
	margin: 0 0 18px 0;
}

.list-filters li a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

	.list-filters li a.current,
	.list-filters li a:hover {
		color: #5dbae0;
		text-decoration: none;
		border-bottom: 1px dotted #5dbae0;
	}


/* Tables
---------------------------------------------------------- */

#content table {
	margin: 0 0 18px;
	font-size: 11px;
}

#content table td {
	padding: 6px 18px 6px 6px;
	border-bottom: 1px solid #323f47;
}

	#content table tr:first-child td {
		font-weight: bold;
		border-bottom: 1px dotted #666;
	}
	
	#content table tr:nth-child(even) td {
		background: #2a373f;
	}


/* Grid
---------------------------------------------------------- */

.zp-wrapper {
	width: 960px;
}

header {
	height: 58px;
}

.page header {
	margin: 0 0 36px 0;
}

#content-area {
	margin: 0 0 18px 0;
}

#banner {
	margin: 0 0 18px 0;
}

.page #banner {
	width: 960px;
	height: 82px;
	background: #27343c url(../images/page_banner.jpg);
}

.home #banner {
	width: 960px;
	height: 313px;
	background: #27343c url(../images/home_banner.jpg);
	position: relative;
}

	.home #banner #download-zotonic {
		position: absolute;
		right: 63px;
		top: 40px;
	}

	.home #banner #docs-zotonic {
		position: absolute;
		right: 9px;
		top: 170px;
	}
		
		.home #banner #download-zotonic a,
		.home #banner #docs-zotonic a {
			border: none;
		}

#logo {
	margin: 18px 0 0 0;
}

#logo img {
	float: none;
	display: block;
}

#content .padding {
	padding: 0 100px 0 0;
}

.category #content .padding,
.collection #content .padding,
.collection-members .padding,
.feature-members .padding {
	padding: 0 40px 0 0;
}


/* sticky footer
---------------------------------------------------------- */

html, body {
	height: 100%;
}

.zp-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}

.push, footer {
	height: 150px;
}


/* footer
---------------------------------------------------------- */

footer {
	background: #1f2b33 url(../images/page_footer.jpg);
}

#footer-content {
	width: 960px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	display: block;
}

	footer p {
		font-size: 11px;
		color: #bbb;
	}
	
	.footer-list li {
		margin: 0 9px 0 0;
		display: inline;
		float: left;
	}
	
	.footer-list li a {
		font-size: 11px;
		color: #bbb;
		line-height: 18px;
	}	

		.footer-list li a:hover {
			color: #5dbae0;
		}

/* navigation
---------------------------------------------------------- */

nav {
	margin: 25px 0 0;
}

	#navigation li {
		float: left;
	}
	
		#navigation li a {
			text-decoration: none;
			display: block;
			color: #f1f1f1;
			padding: 0;
			margin: 0 0 0 9px;
			border: none;
		}
		
		#navigation li a:hover,
		#navigation li a.current:hover {
			color: #19b7e8;
		}
		
		#navigation li a.current,
		#navigation li a:focus,
		#navigation li a:active {
			color: #19b7e8;
		}


/* Misc
---------------------------------------------------------- */

#ie6-upgrade {
	padding: 5px 10px;
}

#ie6-upgrade h4 {
	color: #000;
	font-weight: bold;
}

#ie6-upgrade a {
	color: #000;
	text-decoration: underline;
	border: none;
}

	#ie6-upgrade a:hover {
		border: none;
		color: #444;
	}
	
.zotonic-license-notice {
	color: #bbb; 
	border-top: 1px dotted #666; 
	padding: 17px 0 0 0;
}

/* modernizr stuff */
#fonttest {
	display: none !important;
}


/* Forms
---------------------------------------------------------- */

fieldset {
	border: none;
}

label {
	color: #fff;
}

input[type="text"],
input[type="password"],
textarea {
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background: #F74273;
	color: #fff;
	border: none;
}


/* notices
-------------------------------------------------------------- */

.error,
.notice,
.success {
	padding: 2px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

.notice a {
	color: #514721; 
}

	.notice a:hover {
		border-color: #514721;
	}

.error a {
	color: #8a1f11; 
}

	.error a:hover {
		border-color: #8a1f11;
	}

	.error pre {
		background: #FBC2C4;
		border: none;
		margin: 9px 0 3px 0;
	}

.success a {
	color: #264409; 
}

	.succes a:hover {
		border-color: #264409;
	}

/* pre, code
---------------------------------------------------------- */

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #1e2b33;
	border: 1px solid #323f47;
}


/* Logon
---------------------------------------------------------- */

div#logon_box {
	background-color: #323f47;
	border: 1px solid #323f47 !important;
}

div#logon_box input[type=text], div#logon_box input[type=password] {
	border: 1px solid #333;
	color: white;
}


/* Pages - features
---------------------------------------------------------- */

.feature-wrapper {
	background: #1e2b33;
	border: 1px solid #323f47;
	padding: 9px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.feature-item img {
		margin: 6px 6px 0 0;
	}

	.feature-item p.summary {
		font-weight: normal;
		color: #fff;
		font-size: 11px;
		margin: 0;
	}
	
	.feature-item {
		margin: 0 0 18px 0;
	}
	
		.last-feature {
			margin: 0;
		}

.pager li {
	display: inline;
	margin: 0 6px 0 0;
}

.pager li.current {
    font-weight: bold;
}
